// 报表
<template>
  <div v-html="memberRule" class="mobile-rule"> </div>
</template>

<script>
  import { mapGetters } from 'vuex'
  import { user as userMap } from '@/utils/map' // 参数映射

  export default {
    computed: {
      ...mapGetters(['memberGameSelected', 'memberRule']),
    },
    data() {
      return {
        loading: false,
        userMap: userMap, // 用户字段映射
        currentPage: 1,
        pageSize: 10,
        pickDate: null,
      }
    },

    filters: {},

    async created() {
      await this.fetchData()
    },

    methods: {
      async fetchData() {
        await this.$store.dispatch('MemberGameRule', {
          game: this.memberGameSelected,
        })
      },
    },
    watch: {
      async memberGameSelected(to, from) {
        await this.fetchData()
      },
    },
  }
</script>
<style>
  .mobile-rule {
    padding: 5px 10px;
  }
</style>

